<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"><head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">

<title><?=$webtitle?></title>

<base href="<?=SITEURL?>/" />

<?php

$css[]=TPLURL."/inc/css/common.css";

$css[]=TPLURL."/inc/css/vipduo.css";

$css[]=TPLURL."/inc/css/dropkick.css";

echo css($css);

unset($css);

$js[]=TPLURL.'/inc/js/jquery.js';

$js[]=TPLURL.'/inc/js/fun.js';

$js[]=TPLURL.'/inc/js/jquery.lazyload.js';

$js[]=TPLURL.'/inc/js/jquery.dropkick-min.js';

echo js($js);

unset($js);

?>
<style type="text/css"> 

.fixtop {

	width: 100%;

	height: 44px;

	z-index: 999; top:0px;

	position: fixed;

}

.fixtop2 {

	width: 100%;

	height: 44px;

	background:<?=$dd_tpl_data['color']?>;

	z-index: 999; top:0px; opacity: 0.8;

	position: fixed;

}

.box-search {

    width:75%;

    margin-left:18vw;

}
.random_type {
	width:70%;
	height:100px;
	position:absolute;
	bottom:-144px;
	right:-9px;
	display:none;
}
.typelist {
	width:85%;
	list-style-type:none;
}
.typelist-item {
	float:left;
	width:30%;
	background:#ccc;
	height:30px;
	text-align:center;
	
}
.typelist-item a {
	display:block;
	text-align:center;
	height:30px;
	line-height:30px;
}
.typelist-item a:hover {
	background:white;
	color:orange;
}
</style>
</head>


<div class="main" style="height: auto; overflow: visible;">

<div class="app">

<div id="head" class="head">
        <div class="fixtop2"> </div>	
       <div class="fixtop"> <span id="classify" class="classify"><a href="/m" class="btn btn-left btn-type scrollTop2"></a></span>
        <span id="t-index">  
		 <li class="search">
        <div id="search-box" style="position: relative;">
            <form id="search-form" action="m/index.php" method="get">
                <select name="search_method" style="display: inline-block;position:absolute;left:7px;top: 13px;border-radius: 11px;outline: none;background-color:#FA2F2F;color:white;border:none;-webkit-appearance:none;">
                        <option value="0">搜淘宝</option>
                        <option value="1">搜京东</option>
                </select>
                <div class="box-search">
			 <input type="hidden" name="mod" value="tao" />
			 <input type="hidden" name="act" value="search" />
<!--                    <a class="select-method" style="position:relative;left:-550px;top:0;cursor:pointer;">请选择搜索方式</a>-->
	<input type="text" id="keywords2" name="q" class="keyW text" value="" placeholder="输入您想要买的商品名称" style="color:#999;" />
                    <a href="javascript:;" class="del"><img src="<?=TPLURL?>/inc/images/del.png"></a>
                <button id="search-submit" type="submit" onClick="document.getElementById('keyword').value=encodeURI(document.getElementById('keyword').value);getId('search-form').submit()">

                    <img src="<?=TPLURL?>/inc/images/search.png" style="vertical-align:top; margin-top:-4px">

                </button>
    </div>
            </form>
        </div>
    </li></span>
        <span id="user"><a href="<?=wap_l('help')?>" class="sign_btna btn btn-right btn-sign"></a></span>
    </div>
	<?php 
		$type_result = $duoduo->select_all('type', '*', 'tag="goods"');
		shuffle($type_result);
		$types = array_slice($type_result,0,9);
	?>
	<div class="random_type">
		<ul class="typelist">
			<?php foreach($types as $key => $value) { ?>
				<li class="typelist-item"><a href="<?=wap_l('goods','index',array('code'=>$_GET['code'],'cid'=>$value['id']))?>"><?php echo $value['title']; ?></a></li>
			<?php } ?>
		</ul>
	</div>
    </div>
	<script>
		$('.keyW').click(function() {
			$('.random_type').show();
		})
		
	</script>



<div align="center">

